<template>
  <div style="position: relative;">
    <toolbar :view-title="viewTitle">
      <div class="leftButton"
           type="button"
           slot="left-button"
           @click="goBack">
        &nbsp;
      </div>
    </toolbar>
    <div id="introduce">
      <iframe :src="storeUrl" width="100%" height="100%" v-if="storeUrl"></iframe>
    </div>
  </div>
</template>

<script>
  import Toolbar from '../../common/Toolbar.vue'
  export default {
    components: {
      Toolbar
    },
    data: function () {
      return {
        viewTitle: '店铺详情',
        introduces: '',
        storeId: ''
      }
    },
    methods: {
      goBack: function () {
        this.$route.router.go('/industry/productDistribution')
      }
    },
    computed: {
      storeUrl () {
        let url = decodeURIComponent(this.$route.query.url)

        url = url.replace('&', '?')
        return url
      }
    }
  }
</script>

<style lang="scss" scoped>
  #introduce {
    position: absolute;
    top: 6.7vh;
    bottom: 7.2vh;
    left: 0;
    right: 0;
    height: 85.5vh;
  }
</style>
